<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
    <style>
        #box1{
            width:420px;
            height: 130px;
            margin:0px auto;
            border: 5px solid #0099FF;
            text-indent: 2em;
            padding: 20px 12px;
        }

        #box2{
            margin: 0px auto;
            width: 400px;
            height: 300px;
            border: 5px dashed #8968CD
        }
    </style>
</head>
<body>
<h1>盒子模型演示案例</h1>
<hr>
<div id="box1">
    北国风光，千里冰封，万里雪飘。
    望长城内外，惟余莽莽；大河上下，顿失滔滔。
    山舞银蛇，原驰蜡象，欲与天公试比高。
    须晴日，看红装素裹，分外妖娆。
    江山如此多娇，引无数英雄竞折腰。
    惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。
    一代天骄，成吉思汗，只识弯弓射大雕。
    俱往矣，数风流人物，还看今朝。
</div>
<br>
<br>
<div id="box2">
    <img src="http://img.simoniu.com/CSS%E7%AE%80%E4%BB%8B02.jpg" />
</div>
</body>
</html>